<template>
    <div class="navbar">
        <i class="iconfont icon-fangdajing1"></i>
        <van-cell-group inset>



            <van-field v-model="value" placeholder="用车成本"/>
        </van-cell-group>
        <span>
               <i class="iconfont icon-qiandao"></i>
        </span>
        <span>
                <i class="iconfont icon-jiahao"></i>
        </span>
    </div>
</template>

<script setup>


</script>

<style lang="scss" scoped>
.navbar {
  display: flex;
  justify-content: space-around;
  align-items: center;
    width: 100%;
}

van-cell-group van-field {

  border: 2px black solid;
  border-radius: 30rem;
  width: 17rem;
  background-color: red;

}

.van-cell-group.van-cell-group--inset {
  display: flex;
  justify-content: space-around;
  align-items: center;
}


</style>